(function(){
    $(".back").click(function(){
        $("body,html").animate({scrollTop:0},500)
    })
    var brandid=[],brandidSum=[]
    var text=[]
    $.ajax({
        type:"GET",
        url:"http://chst.vip:1234/api/getbrandtitle"
    }).then(res=>{
        let html=""
        let brandtitleid=[]
        // console.log(res.result);
        res.result.forEach(function(item,index){
            html+=`
            <li>
            <p>${item.brandTitle}</p>
            </li>
            <div class="container"></div>
            `
            brandtitleid[index]=item.brandTitleId
        })
        $(".box").html(html)

        for(let i=0;i<brandtitleid.length;i++){
            $.ajax({
                type:"GET",
                url:"http://chst.vip:1234/api/getbrand",
                data:{brandtitleid:brandtitleid[i]}
            }).then(res=>{
                detail=res.result;
                // console.log(detail);
                let html=""
                detail.forEach(function(item,index){
                    html+=`
                    <div>
                   <a href="brandDetail.html?brandtitleid=${item.brandTitleId}&tit=${item.brandName}">
                   <p> <span>${item.brandId+1-i*10}</span> ${item.brandName}</p>
                   <p>${item.brandInfo}</p>
                   </a>
                    </div>
                    `
                    brandid[index+i*10]=item.brandId
                    text[index+i*10]=item.brandName
                })
                
                $(".box").children(".container:eq("+i+")").html(html)
                for(let j=0;j<brandid.length;j++){
                    $(".container:eq("+i+")").children("div:eq("+j+")").click(function(){
                        window.location.href="http://127.0.0.1:5500/%E9%A1%B9%E7%9B%AE/pages/brandList.html?brandtitleid="+brandid[j+i*10]+"&text="+text[j+i*10]
                    })
                }
            })
        }
        for(let i=0;i<$(".box").children("li").length;i++){
            $(".box").children("li:eq("+i+")").click(function(){
                if($(this).next().css("height")!="0px"){
                    $(this).next().animate({height:"0rem"},500)
                }else{
                    $(this).next().animate({height:"20rem"},500).siblings("div").animate({height:"0rem"},500)
                }
            })
        }
        
    })
})()



function scrollHandler() {
    const height = $(this).scrollTop()
    if (height >= 300) {
        $('.gotop').fadeIn(500)
    } else {
        $('.gotop').fadeOut(500)
    }
}

scrollHandler()
$(window).scroll(scrollHandler)

$('.gotop').click(function () {
    $('body, html').animate({ scrollTop: 0 }, 1000)
})



let box = document.querySelector('.box')
console.log(box);
